<style type="text/css">
  .form{
      background-color: #FFFFE0;
      width: 40%;
      height: 100%;
      margin: auto;
      padding: 80px 50px;
      border: 3px #CFCFCF outset;
  }
  .flash{
      width: 20%;
     min-width: 300px;

     height: auto;
      background-color: #FFFFFF;
    margin: auto;
      font-size: 12px;
  }
  .alert-error{
    color: #FF0000;
  }
</style>
<%=content_for :no_foot, "禁用底部  " %>
<div class="container-fluid">
  <div class="row">

    <div class="col-lg-12" >

      <div class="form">
        <div class="flash alert-error">
          <%= flash[:login_error] %>
        </div>
        <%= form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "form-horizontal"}) do |f| %>
            <div class="form-group">
              <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
              <div class="col-sm-10">
                <%= f.email_field :email, autofocus: true, class: "form-control", id: "inputEmail3", placeholder: '邮箱名' %>
              </div>
            </div>
            <div class="form-group">
              <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
              <div class="col-sm-10">
                 <%= f.password_field :password, autocomplete: "off", class: "form-control", id: "inputPassword3", placeholder: '密码' %>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                  <% if devise_mapping.rememberable? -%>
                        <%= f.check_box :remember_me %>
                        <%= f.label '记住我' %>

                  <% end -%>
                </div>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Sign in</button>
              </div>
            </div>

        <% end %>
      </div>
    </div>

  </div>
</div>